<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{channel.title}</title>
    <link href="{Stl.SiteUrl}/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{stl.SiteUrl}/css/index-style.css">
    <link rel="stylesheet" href="{stl.SiteUrl}/css/Iconfont.css">
    <link rel="stylesheet" href="{stl.SiteUrl}/css/h-tab.css">
    <link rel="stylesheet" href="{stl.SiteUrl}/css/community.css">
    <script src="{stl.SiteUrl}/js/jquery.min.js"></script>
    <script src="{Stl.SiteUrl}/js/bootstrap.min.js"></script>
    <script src="{stl.SiteUrl}/js/h-tab.js"></script>
</head>

<body>

    <stl:include file="/include/navigate.html" />

    <stl:channels>

        <stl:if type="ChannelName" op="Equals" value="横幅">

            <stl:yes>

                <div class="banner">
                    <stl:image />
                </div>

            </stl:yes>

        </stl:if>

        <stl:if type="ChannelName" op="Equals" value="产品功能">

            <stl:yes>

                <div class="paddingTB line-bg">

                    <div class="w1200">

                        <div class="head-title" style="background-image: url({channel.imageUrl});"></div>

                        <div class="h-tab">

                            <div class="h-tab-option">

                                <stl:contents>

                                    <stl:if type="ItemIndex" op="Equals" value="1">

                                        <stl:yes>

                                            <div class="h-tab-option-item h-tab-option-active">

                                                <div class="h-tab-option-item-abbr">
                                                    <img src="{content.iconfont}">{content.title}
                                                </div>

                                                <div class="h-tab-option-item-detail">
                                                    <p><img src="{content.iconfont}">{content.title}</p>
                                                    {content.content}
                                                </div>

                                            </div>

                                        </stl:yes>

                                        <stl:no>

                                            <div class="h-tab-option-item">

                                                <div class="h-tab-option-item-abbr">
                                                    <img src="{content.iconfont}">{content.title}
                                                </div>

                                                <div class="h-tab-option-item-detail">
                                                    <p><img src="{content.iconfont}">{content.title}</p>
                                                    {content.content}
                                                </div>

                                            </div>

                                        </stl:no>

                                    </stl:if>

                                </stl:contents>

                            </div>

                            <div class="h-tab-content">

                                <stl:contents>

                                    <stl:if type="ItemIndex" op="Equals" value="1">

                                        <stl:yes>

                                            <div class="h-tab-content-item h-tab-content-active">
                                                <stl:image />
                                            </div>

                                        </stl:yes>

                                        <stl:no>

                                            <div class="h-tab-content-item">
                                                <stl:image />
                                            </div>

                                        </stl:no>

                                    </stl:if>

                                </stl:contents>

                            </div>

                        </div>

                    </div>

                </div>

            </stl:yes>

        </stl:if>

        <stl:if type="ChannelName" op="Equals" value="孪生社区">

            <stl:yes>

                <div class="paddingTB">
                    <div class="w1200">
                        <div class="head-title" style="background-image: url({channel.imageUrl});"></div>

                        <stl:contents>

                            <div>
                                <img class="full-picture" src="{content.imageUrl}" alt="图片丢失">
                            </div>

                        </stl:contents>
                    </div>
                </div>

            </stl:yes>

        </stl:if>

        <stl:if type="ChannelName" op="Equals" value="应用价值">

            <stl:yes>

                <div class="value paddingTB" style="background-image: url({channel.subImageUrl});">
                    <div class="w1200">
                        <div class="head-title" style="background-image: url({channel.imageUrl});"></div>

                        <div class="value-content">
                            <div class="d-flex">

                                <stl:contents>

                                    <div class="d-flex-item">
                                        <stl:image />
                                        {content.content}
                                    </div>

                                </stl:contents>

                            </div>
                        </div>
                    </div>
                </div>

            </stl:yes>

        </stl:if>

        <stl:if type="ChannelName" op="Equals" value="应用场景">

            <stl:yes>

                <div class="scenarios paddingTB">

                    <div class="w1200">
                        <div class="head-title" style="background-image: url({channel.imageUrl});"></div>

                        <div class="scenarios-content">
                            <div class="d-flex">

                                <stl:contents>

                                    <div class="d-flex-item">
                                        <stl:image />
                                        {content.content}
                                    </div>

                                </stl:contents>

                            </div>
                        </div>
                    </div>

                </div>

            </stl:yes>

        </stl:if>

    </stl:channels>

    <stl:include file="/include/footer.html" />

</body>

</html>
​